<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<!-- Head BEGIN -->
<head>
    <meta charset="utf-8">
    <title>纪念品商城</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta content="Metronic Shop UI description" name="description">
    <meta content="Metronic Shop UI keywords" name="keywords">
    <meta content="keenthemes" name="author">

    <meta property="og:site_name" content="-CUSTOMER VALUE-">
    <meta property="og:title" content="-CUSTOMER VALUE-">
    <meta property="og:description" content="-CUSTOMER VALUE-">
    <meta property="og:type" content="website">
    <meta property="og:image" content="-CUSTOMER VALUE-"><!-- link to image for socio -->
    <meta property="og:url" content="-CUSTOMER VALUE-">

    <link rel="shortcut icon" href="favicon.ico">

    <!-- Fonts START -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet" type="text/css"><!--- fonts for slider on the index page -->
    <!-- Fonts END -->

    <!-- Global styles START -->
    <link href="/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Global styles END -->

    <!-- Page level plugin styles START -->
    <link href="/assets/pages/css/animate.css" rel="stylesheet">
    <link href="/assets/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
    <link href="/assets/plugins/owl.carousel/assets/owl.carousel.css" rel="stylesheet">
    <!-- Page level plugin styles END -->

    <!-- Theme styles START -->
    <link href="/assets/pages/css/components.css" rel="stylesheet">
    <link href="/assets/pages/css/slider.css" rel="stylesheet">
    <link href="/assets/pages/css/style-shop.css" rel="stylesheet" type="text/css">
    <link href="/assets/corporate/css/style.css" rel="stylesheet">
    <link href="/assets/corporate/css/style-responsive.css" rel="stylesheet">
    <link href="/assets/corporate/css/themes/red.css" rel="stylesheet" id="style-color">
    <link href="/assets/corporate/css/custom.css" rel="stylesheet">
    <link href="/assets/corporate/img/logos/uicfavicon.png" rel="Shortcut Icon" />
    <!-- Theme styles END -->
    <style>
        #main_nav {
            position: relative;
            right: auto;
            top: auto;
            width: auto;
            z-index: 2;
            background-color: #006664;
        }

        .navbar {
            background: transparent none repeat scroll 0 0;
            border: medium none;
            box-shadow: none;
            float: none;
            font-size: 16px;
            line-height: 20px;
            min-height: 0;
            margin: 0;
            border-radius: 0;
        }

        .container-fluid {
            padding: 0;
        }
        .navbar-inverse .navbar-nav > li > a {
            color: #ffffff !important;
            font-weight: bold;
            border-left: 1px solid #278280;
            padding: 15px 35px ;
            font-size: 18px;
        }
        .navbar-inverse .navbar-nav > li > a:hover {
            opacity: 0.8;
            color: #ffffff !important;
        }

        .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
            background-color: #278280;
        }
        .menu_fix{
            position: relative;
        }
        .menu_fix::after {
            bottom: -55px;
            content: "";
            height: 55px;
            position: absolute;
            width: 100%;
        }

        ul#nav {
            max-width: 100%;
            width: 1170px;
            margin: 0 auto;
            z-index: 9;
            float: none;
        }

        .ecommerce .header-navigation > ul > li > a {
            padding: 15px 40px 15px 40px;
        }
        .ky-zjonline a {
            display: inline-block;
            padding: 10px 40px;
            border: 1px solid #00bbb7;
            margin-left: 10px;
            margin-right: 10px;
            color: #00bbb7;
        }
        .ky-zjonline a.m {
            border-color: #b5b5b5;
            color: #707070;
        }
        .ky-zjonline a:hover {
            background: #00bbb7;
            border-color: #00bbb7;
            color: #fff;
        }

        .foot{background-color:#006664;padding-top:5px;}
        .foot a{color:#ffffff}
        .allfoot{ color:#ffffff!important; line-height:22px; font-size:90%}
        @media (min-width: 1200px){
            .container, .container1 {
                width: 980px;
                padding-left: 0px!important;
                padding-right: 0px!important;
            }
        }
        #top_search {
            margin-top: 7px;
        }

        #productsearch_inlineplugin_container{
            display: inline-block;
        }

        #productsearch_box {
            position: relative;
        }

        #top_search #productsearch_table input {
            border: medium none;
            width: 330px;
            border-radius: 5px!important;
        }

        #productsearch_inlineplugin_container #keywords {
            padding: 6px 15px;
        }

        #top_search #productsearch_icon {
            height: 36px;
        }

        #productsearch_icon {
            background: transparent url(https://d3jrnjjmhdihl9.cloudfront.net/public/1/images/search-icon20170508101210.jpeg) no-repeat scroll 0 0;
            height: 38px;
            margin-left: 5px;
            margin-top: 0;
            width: 40px;
            top: 0;
            right: 0;
            background-size: 40px;
            position: absolute;
        }

        li:hover .dropdown-menu {display: block;}

        .head-image{
            width:20px;
            height:20px;
            border-radius:50% !important;
            overflow: hidden;
            margin-right: 10px;
        }
        .carousel-slider .item {
            min-height: 412px !important;
        }
    </style>
